<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css" />
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.all.min.js"></script>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.excheck.js"></script>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.exedit.js"></script>
    <link rel="stylesheet" href="/css/course/courseManage/courseList/course-list.css">
    <script type="text/javascript" src="/js/jurisdiction/backStage/backStageList/back-stage-list.js"></script>
    <script src="/js/public/public.js"></script>
    <style>
        .layui-form-item label{
            width: 72px;
        }
    </style>
</head>
<body>
<div class="layui-row">
    <div class="layui-col-md12">
        <div class="list">
            <div class="list-left layui-col-md8">
                <div class="list-left-left"></div>
                <p class="list-left-right" id="title">后台人员列表</p>
            </div>
            <div class="list-right layui-col-md4">
                <div class="functionButton">
                    <button class="list-right-left layui-btn" onclick="refresh()" style="margin-top: 3px">
                        <i class="layui-icon layui-icon-refresh"></i>&nbsp;刷新
                    </button>
                    <button id="goBack" class="list-right-right layui-btn" style="margin-top: 3px">
                        <i class="layui-icon layui-icon-left"></i>&nbsp;返回
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <div class="layui-row query">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    <i class="layui-icon">&#xe615;</i>
                    筛选查询
                    <button class="layui-btn query-top-right"  style="margin-top: 5px;float: right" onclick="retrieval()">高级检索</button>
                </div>
                <div class="layui-card-body">
                    <form class="layui-form">
                        <div class="layui-form-item ">
                            <label class="layui-form-label">用户账号：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="account" class="layui-input" placeholder="请输入用户账号">
                            </div>
                            <label class="layui-form-label">用户姓名：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="trueName" class="layui-input" placeholder="请输入用户姓名">
                            </div>
                            <label class="layui-form-label">所属部门：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="deptName" class="layui-input" placeholder="请输入所属部门">
                            </div>
                            <label class="layui-form-label">注册时间：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="registerDate" class="layui-input" placeholder="请选择注册时间">
                            </div>
                            <div class="queryButtonBox">
                                <button type="button" class="layui-btn" onclick="search()">
                                    <i class="layui-icon layui-icon-search"></i>&nbsp;搜索
                                </button>
                                <button type="reset" class="layui-btn layui-btn-warm">
                                    <i class="layui-icon layui-icon-refresh"></i>&nbsp;重置
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <!--数据列表-->
        <div class="record">
            <div class="layui-col-md1  tree-left">
                <!--树-->
                <ul id="demoTree" class="ztree"></ul>
            </div>
            <div class="layui-col-md10 record-right">
                <!--表-->
                <table id="demoTable" lay-filter="demoTable"></table>
            </div>
        </div>
        <!--表头样式-->
        <div class="tableHeader" style="display:none"  id="tableHeader">
            <i class="layui-icon layui-icon-align-left"></i>后台人员列表
            <div style="float: right">
                <button type="button" class="layui-btn import" onclick="importJsUser()">
                    <i class="layui-icon" style="font-size: 13px">&#xe62f;</i>&nbsp;导入管理员
                </button>
                <button type="button" class="layui-btn"  onclick="addJsUser()">
                    <i class="layui-icon">&#xe608;</i>&nbsp;添加管理员
                </button>
            </div>
        </div>

        <!--表内操作-->
        <div id="button_caozuo" style="display:none" >
            <a alt="查看" title="查看"  lay-event="selectTable" style="color:green;">查看</a>
            <a alt="权限" title="权限"  lay-event="powerTable" style="color:green;">权限</a>
            <br/>
            <a alt="编辑" title="编辑"  lay-event="updateTable" style="color:green;">编辑</a>
            <a alt="封停" title="封停"  lay-event="shutdownTable" style="color:green;">封停</a>
        </div>
        <!--ztree节点增删改-->
        <div id="rMenu">
            <ul>
                <li id="m_del" onclick="removeZtreeNode();">删除节点</li>
                <li id="m_edit" onclick="updateZtreeNode();">编辑节点</li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>